<div class="d-flex justify-content-between">
  <h3 class="primary-text m-0">{{ 'menu.restart.title' | translate }}</h3>
</div>

<div class="my-4 align-items-center" style="max-width: 1000px; margin: auto">
  <div class="w-100 text-center primary-text mb-5">
    <i class="fas fa-power-off" style="font-size: 75px"></i>
  </div>
  <div class="text-center">
    <h4 class="primary-text mb-4">{{ 'platform.linux.shutting_down_server' | translate }}</h4>
    @if (error) {
    <div class="alert alert-error my-4">{{ error }}</div>
    } @else {
    <p class="grey-text">{{ 'platform.linux.server_will_power_down' | translate }}</p>
    }
  </div>
</div>
